<footer class="container-fluid black-home">
    <div class="container footer">
        <div class="row">
            <div class="col-md-5">
                <h3>Fire and Fire Network</h3>
                <p>Fire Network is a team dedicated to providing "website development" services for users.</p>
                <address>
                    <strong>{:sys_config('WEB_SITE_POWERBY')}</strong><br>
                    <a href="http://www.beian.miit.gov.cn/" target="_blank" rel="nofollow">{:sys_config('WEB_SITE_ICP')}</a>
                    <a href="http://{:sys_config('SITE_DOMAIN')}/sitemap.html" target="_blank">Site Map</a>
                    <a href="http://{:sys_config('SITE_DOMAIN')}/sitemap.xml" target="_blank">XML Map</a>
                    <br>Service: Website Construction
                    <br>Friendship Links:
                    {volist name=":tag_links(2)" id="vo" key="k"}
                    {if condition="$k neq 1"}|{/if} <a href="{$vo.url}" target="_blank" rel="nofollow">{$vo.name}</a>
                    {/volist}
                    <br />{:tag_seomenu()}<br />
                    <!-- <script src="https://s13.cnzz.com/z_stat.php?id=1273321703&web_id=1273321703" language="JavaScript">
                    </script> -->
                </address>
            </div>
            <div class="col-md-4 footer-contact">
                <h3>Contact information</h3>
                <address>
                    <strong>Address ：</strong> {:sys_config('WEB_ADDRESS')}<br>
                    <strong>Mobile phone：</strong> {:sys_config('WEB_SITE_PHONE')}<br>
                    <strong>Customer Service QQ：</strong> {:sys_config('QQ')}<br>
                    <strong>Mailbox ：</strong> {:sys_config('WEB_SITE_EMAIL')}<br>
                </address>
            </div>
            <div class="col-md-3 text-center">
                <h3>Scan code to contact customer service</h3>
                <img src="https://fakeimg.pl/115x115" alt="Scan code to contact customer service" width="115" height="115" />
            </div>
        </div>
        <p style="color: red;">【本站素材及资源全来源于互联网,非商业性质,仅供演示和学习,不承担任何版权问题,如果我们侵犯了您的权益,请来信告知,我们会在第一时间处理！】</p>
    </div>
</footer>
{:hook('PageFooter')}
<div class="container">
    <link href="__STATIC__/addons/cms/template/normal/static/css/kefu.css" type="text/css" rel="stylesheet" />
    <div id="rightArrow"><a href="javascript:;" title="Online customers"></a></div>
    <div id="floatDivBoxs">
        <div class="floatDtt" id="floatDtt">Online Service</div>
        <div class="floatShadow">
            <ul class="floatDqq">
                <li>
                    <a target="_blank" href="tencent://message/?uin={:sys_config('QQ')}&Site={:sys_config('SITE_DOMAIN')}&Menu=yes" rel="nofollow">
                        <img src="__STATIC__/addons/cms/template/normal/static/images/qq.png" align="absmiddle">Online No.1
                    </a>
                </li>
                <li>
                    <a target="_blank" href="tencent://message/?uin={:sys_config('QQ')}&Site={:sys_config('SITE_DOMAIN')}&Menu=yes" rel="nofollow">
                        <img src="__STATIC__/addons/cms/template/normal/static/images/qq.png" align="absmiddle">Online No.2
                    </a>
                </li>
                <li>
                    <a target="_blank" href="tencent://message/?uin={:sys_config('QQ')}&Site={:sys_config('SITE_DOMAIN')}&Menu=yes" rel="nofollow">
                        <img src="__STATIC__/addons/cms/template/normal/static/images/qq.png" align="absmiddle">Online No.3
                    </a>
                </li>
            </ul>
            <div class="floatDtxt">Optimizing Hotline Telephone</div>
            <div class="floatDtel">
                <p>{:sys_config('WEB_TEL')}</p>
            </div>
            <div class="floatImg">
                <img src="https://fakeimg.pl/150x112" width="100%">Scan code to contact customer service
            </div>
        </div>
        <div class="floatDbg"></div>
    </div>
    <script>
        $(function () {
            $('#rightArrow').on("click", function () {
                $(this).animate({
                    right: '-175px'
                }, 300);
                $("#floatDivBoxs").animate({
                    right: '0'
                }, 300);
            });
            $('#floatDtt').on("click", function () {
                $('#rightArrow').animate({
                    right: '0px'
                }, 300);
                $("#floatDivBoxs").animate({
                    right: '-175px'
                }, 300);
            });
            $(".show-btn").on("click", function () {
                $(this).animate({
                    left: "-150px"
                }, 300, function () {
                    $(this).hide();
                    $(".footer-gd").show().animate({
                        width: "100%",
                        left: "0px"
                    }, 300);
                });
            });
            $(".close-btn").on("click", function () {
                $(".footer-gd").animate({
                    width: "0px",
                    left: "-100px"
                }, 300, function () {
                    $(this).hide();
                    $(".show-btn").show().animate({
                        left: "0px"
                    }, 300);
                });
            });
            $(document).ready(function () {
                // 
            });
        });
        $(".footer-gd").hide().animate({
            width: "0px"
        });
    </script>
</div>